1. 登录页面场景

  • 进入登录页面时,获取验证码,接口返回一个imageId和content。
  • 用户输入登录名,密码,和验证码。
  • 用户点击登录,调用验证码是否正确接口,返回imageVerification为true时,说明验证码填写正确。
  • 然后请求获取token接口,返回用户信息和其他相关信息,将返回信息存入localstorage.

2. 集成测试

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
import {simpleLocalStorage} from "simple-storage";
import {act, fireEvent} from "@testing-library/react";
it("currentUser should be in the localStorage when login success", () => {
const container = RenderWithRouter(<Login />);
// some same code ignore
const usernameElem: HTMLInputElemnt = container.querySelector("#username");
const passwordElem = getByPlaceholderText(/password/i) as HTMLInputElemnt;

await act(async () => {
fireEvent.change(usernameElem,{target: {value: username}});
})

process.nextTick(() => {
fireEvent.click(submitElem);
expect(usernameElem.value).toEqual(username);

setTimeout( () => {
const storageData = simpleLocalStorage.getItem("currentUser");
expect(storageData).not.toBeNull();
})
})
})